
// 二级菜单
$('#header_box>ul>li').hover(function(){
    $(this).find('div').show();
},function(){
    $(this).children('div').hide();
})

//a标签轮播
var index = 0;
// 模拟了一个右点击事件
// auto();
function auto() {
    setInterval(function () {
        if (index >= 1) {
            index = -1;
        }
        index++;
        $('#header_bottom > .box > ul > li').animate({
            left: index * 1000+ 'px'
        })
    }, 3000)
}

// 轮播图
// 鼠标移入移出箭头显示隐藏
$('#slideshow > .screen').hover(function () {
    $(".btn").show();
    clearInterval(timer)
}, function () {
    $('.btn').hide();
    var timer = setInterval(function(){
        $('.btn > .right').trigger('click')
    },3000)
})
// 鼠标滑过ol下的li
var zindex = 0;
$('.screen > ol > li').on('mouseover',function(){
    $(this).addClass("bgc").siblings('li').removeClass('bgc');
    var index = $(this).index();
        zindex = index;
        $('.screen > ul').animate({
            'left': -index * $('.screen').innerWidth() + 'px'
        }, 1000);
})
// 点击左边箭头
$('.btn > .left').on('click',function(){
    if(zindex<=0){
        zindex=4;
    }
    zindex--;
    $('ul').animate({
        'left': -zindex * $('.screen').innerWidth() + 'px'
    },1000)
    $('.screen > ol > li').eq(zindex).addClass('bgc').siblings('li').removeClass('bgc');
})
// 点击右边箭头
$('.btn > .right').on('click', function () {
    if (zindex>=3) {
        zindex=-1;
    }
    zindex++;
    $('ul').animate({
        'left': -zindex * $('.screen').innerWidth() + 'px'
    }, 1000)
    $('.screen > ol > li').eq(zindex).addClass('bgc').siblings('li').removeClass('bgc');
})
var timer = setInterval(function(){
    $('.btn > .right').trigger('click')
},3000)

function getGoodsListNew(){
    $.get("../php/getGoodsListNew.php?typeId=007&count=6",function(data){
        let GoodsList = JSON.parse(data);
        // console.log('GoodsList',GoodsList);
        let htmlStr = '';
        GoodsList.forEach(goods=>{
            htmlStr+= `
            <div class="mask" onclick="location.href='shopping_list.html'">
                <h2>${goods.goodsDesc}</h2>
                <div><img src="../${goods.goodsImg}" alt=""></div>
            </div>
            `;
        })
        $(".list_box").html(htmlStr);
    })
}

$(function(){
    getGoodsListNew();
})


$(function(){
    var sp = document.querySelector('#spann')
    console.log(sp);
    //获取本地里面名字叫uesename的 cookie
    sp.innerHTML = getCookie('username');
    console.log( 'sp.innerHTML = getCookie("username")',sp.innerHTML = getCookie('username'));
    
    var btnn = document.querySelector('#btnnn')

    var yi = document.querySelector('.haha') //已登录
    var wei = document.querySelector('.denglu')//未登录
    
        x()//获取初始状态
        btnn.onclick = function () {
            //清除cookie
            delCookie('username')
            wei.style.display = 'block'  //点击退出按钮后，让wei显示 让yi隐藏
            yi.style.display = 'none'
        }
        //什么时机显示欢迎，什么时间显示登录
        function x() {
            //获取本地数据，看看有没有username
            var cookie = getCookie('username')
            //判断cookie
            if (cookie == '') {  //如果她为空，则让wei显示  ，让yi隐藏
                wei.style.display = 'block'
                yi.style.display = 'none'
            } else {              //否则，让wei隐藏  让iy显示 并且把cook的名字输出到页面
                wei.style.display = 'none'
                yi.style.display = 'block'
                sp.innerHTML = cookie
            }
        }
    
})













// 矢量图
$('.icon-liweisi').hover(function () {
        // over
        $(this).next().show()
        $(this).css({'background':'black','color':'white'})
    }, function () {
        // out
        $(this).next().hide()
        $(this).css({'background':'white','color':'black'})
    }
)
$('.icon-kaiqidingzhi').hover(function () {
        // over
        $(this).next().show()
        $(this).css({'background':'black','color':'white'})
    }, function () {
        // out
        $(this).next().hide()
        $(this).css({'background':'white','color':'black'})
    }
)
$('.icon-LEVIShuiyuan').hover(function () {
        // over
        $(this).next().show()
        $(this).css({'background':'black','color':'white'})
    }, function () {
        // out
        $(this).next().hide()
        $(this).css({'background':'white','color':'black'})
    }
)
